.ss-platform-procedure {
  &-wraper {position: fixed;right: -320px;top: 0;bottom: 0;width: 320px;background: #f3f5f7;display: flex;flex-direction: column;z-index: 900;}
  &-header {
    padding: 0 12px;height: 105px;
    h4 {
      font-weight: 400;font-size: 20px;line-height: 22px;height: 22px;padding: 22px 0 21px;
    }
    ul {
      zoom: 1;border: 1px solid #d5d5d5;list-style: none;border-radius: 3px;display: -webkit-box;display: -ms-flexbox;display: flex;
      li {
        -webkit-box-flex: 1;-ms-flex: 1;flex: 1;min-width: 0;min-height: 0;border-left: 1px solid #d5d5d5;box-sizing: border-box;
        &:first-child {
          border: none;border-radius: 2px 0 0 2px;
        }
        &:last-child.current {
          margin-right: -1px;
        }
        span {height: 28px;line-height: 28px;display: block;text-align: center;cursor: pointer;}
        &.current {
          border: none;background-color: #8f8f8f;margin: -1px 0;
          span {color: #fff;height: 30px;line-height: 30px;}
        }
      }
    }
  }
  &-body {
    -webkit-box-flex: 1;-ms-flex: 1;flex: 1;min-width: 0;min-height: 0;
    display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;
    .content {border-top: 1px solid #d5d5d5;margin-top: 11px;}
    .nodata {
      padding: 100px 0;margin-bottom: 10px;text-align: center;
      i {
        text-align: center;font-weight: 400 !important;text-decoration: none !important;
        -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-stroke-width: .22px;position: relative;
        font-family: ssicon;font-size: 52px;color: #ccc;padding: 0;
      }
      p {color: #9f9f9f;}
    }
  }
}
